<template>
  <div class="box">
    <!-- 引入bar组件 -->
    <!-- <bar></bar> -->
    
    <contentLoading v-if="!loadingStatus" com="project" />
    <!-- 过度动画 -->
    <button v-on:click="show = !show">
　　　　Toggle
　　</button>
　　<transition name="fade">
　　　　<p v-if="show">hello</p>
　　</transition>

    <!-- 引入组件 -->
    <!-- <field></field> -->
  </div>
</template>

<script>
import field from "@/components/common/field/field";
// import bar from "@/components/commom/navbar/NavBar"
export default {
  components: {
    field,
    // bar
  },
  data() {
    return {
        show:true,
        loadingStatus:true
    };
  },
  methods: {},
  mounted() {},
};
</script>

<style lang="scss" scoped>
.box {
    padding:15px;
    color:#ddd;
    font-size:20px;
}
</style>